<template>
  <div class="mt20">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="微信通道" lazy name="1">
        <wx-channel></wx-channel>
      </el-tab-pane>
      <el-tab-pane label="支付宝通道" lazy name="2">
        <ali-channel></ali-channel>
      </el-tab-pane>
      <el-tab-pane label="网商通道" lazy name="3">
        <ws-channel></ws-channel>
      </el-tab-pane>
      <el-tab-pane label="富民通道" lazy name="4">
        <fu-channel></fu-channel>
      </el-tab-pane>
      <el-tab-pane label="乐刷通道" lazy name="5">
        <le-channel></le-channel>
      </el-tab-pane>
      <el-tab-pane label="新大陆通道" lazy name="6">
        <xdl-channel></xdl-channel>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>

import wxChannel from './channel_components/wx_channel'
import aliChannel from './channel_components/ali_channel'
import wsChannel from './channel_components/ws_channel'
import leChannel from './channel_components/le_channel'
import xdlChannel from './channel_components/xdl_channel'
import fuChannel from './channel_components/fu_channel'

export default {
  components: {
    wsChannel,
    wxChannel,
    aliChannel,
    leChannel,
    xdlChannel,
    fuChannel
  },
  data() {
    return {
      activeName: '1'
    }
  }
}
</script>